<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    <title>房联行增值服务部后台管理中心</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
    xblock {display: block;margin-bottom: 10px;padding: 5px;line-height: 22px;border-radius: 0 2px 2px 0;background-color: #f2f2f2;height: 50px;}
    .layui-form-label {float: left;display: block;padding: -1px 15px;width: 65px;font-weight: 400;text-align: right;margin-top: -12px;}
    .layui-form-select .layui-input {padding-right: 30px; cursor: pointer; margin-top: -13px;}
	.x-right {line-height: 40px;margin-top: -40px;}
	.mt21{float: left; margin-left: 285px;margin-top: -40px;}
    .mt21 .layui-input-inline{float: left; margin-top: -12px;margin-left: 0px;}
    .mt22{float: left; margin-left: 565px;margin-top: -48px;}
    #page{    margin-top: 20px;text-align: center;}
    </style>
	</head>
	<body>
		<div class="x-nav">
		      <span class="layui-breadcrumb">
		        <a href="">首页</a>
		        <a href="">消息管理</a>
		        <a>
		          <cite>意见反馈</cite></a>
		      </span>
		      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
		        <i class="layui-icon" style="line-height:30px">ဂ</i>
		      </a>
    	</div>
<div class="x-body">
	<form class="layui-form">
	 <xblock>
       <div class="layui-form-item mt20">
					<label for="desc" class="layui-form-label">反馈类型：</label>
					<div class="layui-input-inline">
						<select name="ad-space">
				        <option value="" selected="">请选择</option>
				        <option value="反馈中">反馈中</option>
				        <option value="处理已">已处理</option>
				    </select>
					</div>
	   </div>
	    <div class="mt21">
					<label for="desc" class="layui-form-label">反馈状态：</label>
					<div class="layui-input-inline">
						<input type="radio" name="linkstype" value="已解决" title="已解决" checked="">
				        <input type="radio" name="linkstype" value="反馈中" title="反馈中">
					</div>
	   </div>
	   <div class="mt22">
					<button class="layui-btn layui-btn-sm"><i class="layui-icon" style="font-size: 20px; margin-left: -3px;">&#xe615;</i> 搜索</button>
					<button class="layui-btn layui-btn-sm" type="reset"><i class="layui-icon" style="font-size: 20px; margin-left: -3px;">&#x1006;</i>重置</button>
	   </div>
        <span class="x-right" style="line-height:40px">共有数据：88 条</span>
      </xblock>
     </form>
	<table class="layui-table" lay-even="" lay-skin="row">
	  <colgroup>
	  	<col width="20">
	    <col width="150">
	    <col width="150">
	    <col width="200">
	    <col>
	  </colgroup>
	  <thead>
	      <tr>
	      <th></th>
	      <th>人物</th>
	      <th>民族</th>
	      <th>出场时间</th>
	      <th>格言</th>
	    </tr> 
	  </thead>
	  <tbody>
	    <tr>
	      <td>1</td>
	      <td>贤心</td>
	      <td>汉族</td>
	      <td>1989-10-14</td>
	      <td>人生似修行</td>
	    </tr>
	    <tr>
	      <td>2</td>
	      <td>张爱玲</td>
	      <td>汉族</td>
	      <td>1920-09-30</td>
	      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
	    </tr>
	    <tr>
	      <td>3</td>
	      <td>Helen Keller</td>
	      <td>拉丁美裔</td>
	      <td>1880-06-27</td>
	      <td> Life is either a daring adventure or nothing.</td>
	    </tr>
	    <tr>
	      <td>4</td>
	      <td>岳飞</td>
	      <td>汉族</td>
	      <td>1103-北宋崇宁二年</td>
	      <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
	    </tr>
	    <tr>
	      <td>5</td>
	      <td>孟子</td>
	      <td>华夏族（汉族）</td>
	      <td>公元前-372年</td>
	      <td>猿强，则国强。国强，则猿更强！ </td>
	    </tr>
	  </tbody>
	  
	</table>  
	<div id="page"></div>
	 <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
      </fieldset>
</div>
<script>
	layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage
  ,layer = layui.layer;
   //完整功能
  laypage.render({
    elem: 'page'
    ,count: 100
    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
    ,jump: function(obj){
      console.log(obj)
    }
  });
});
</script>
	</body>
</html>
